<template>
  <div class="login">
    <van-nav-bar title="登录" />
    <van-cell-group>
      <van-field v-model="tel" type="tel" left-icon="phone-o" placeholder="请输入手机号" />
      <van-field
        v-model="sms"
        center
        clearable
        left-icon="points"
        style="margin:0px"
        placeholder="请输入短信验证码"
      >
        <template #button>
          <van-button size="small" type="primary" round color="#ededed">发送验证码</van-button>
        </template>
      </van-field>
    </van-cell-group>
    <div class="margin">
        <van-button type="info" size="large">登录</van-button>
    </div>
    <div class="text01">隐私条款</div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      tel: "",
      sms: ""
    };
  }
};
</script>
<style scoped>
/* .van-button__text{
    color:#666666;
} */
.margin{
    margin:24px auto;
}
.body {
  background-color: #f5f7f9;
}
.text01{
    font-size:14px;
    color:#666666;
    margin-top:400px;
    margin-left:160px;
}
.van-button::before{
    border-radius: 7px;
     width:96%;
    margin-left:8px;
}
.van-button{
    border-radius: 7px;
    width:96%;
    margin-left:8px;
}
</style>